.page-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f4f4f4;

  .page-header {
    flex: 0;
    text-align: center;

    .header-logo {
      margin-top: 100upx;
      background: #cccccc;
      width: 200upx;
      height: 200upx;
      border-radius: 100upx;
    }

    .header-title {
      margin-top: 20upx;
      font-size: 44upx;
      line-height: 60upx;
      font-weight: 500;
      color: #333333;
    }
  }

  .page-body {
    flex: 1;
    margin-top: 20upx;

    .body-form {
      padding: 0 30upx;

      .form-item {
        margin-top: 20upx;
        border-radius: 16upx;
        background: white;
        padding: 20upx;
        display: flex;

        .placeholder {
          color: #CCCCCC;
        }

        .item-content {
          flex: 0;
          flex-basis: 100upx;
          font-weight: 400;
          font-size: 32upx;
          color: #333333;
          line-height: 44upx;
        }

        .item-input {
          margin-left: 20upx;
          flex: 1;
          font-weight: 400;
          font-size: 32upx;
          color: #333333;
          line-height: 44upx;
        }
      }

      .form-btn {
        margin-top: 30upx;
        background: #165DFF;
        border-radius: 52upx;
        text-align: center;
        color: #ffffff;
        padding: 20upx 0;
      }
    }
  }

  .page-footer {
    padding-bottom: 20upx;
    flex: 0;

    .footer-version {
      font-size: 24upx;
      line-height: 30upx;
      color: #999999;
      font-weight: 400;
      text-align: center;
    }
  }
}